<%--
  Created by IntelliJ IDEA.
  User: Teacher
  Date: 2025/3/26
  Time: 9:03
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户登录</title>
    <script type="text/javascript" src="../js/jquery-3.4.1.min.js"></script>
    <script>
        $(function(){
            $("#codeImage").click(function(){
                $(this).attr('src','<%=request.getContextPath()%>/show.code?id='+new Date().getTime()   );
            });
        })
    </script>
</head>
<body>
<h1>用户登录</h1>
<hr>
<form action="<%=request.getContextPath()%>/login.code" method="post">
    用户名:<input type="text" name="username"><br>
    密&nbsp;&nbsp;&nbsp;码:<input type="password" name="password"><br>
    验证码:<input type="text" name="code">
    <!--
        当鼠标点击图片时,更换一张图片
        在DOM中操作元素属性时,只有属性值发生改变后才会重新渲染
     -->
    <a href="javascript:;"><img id="codeImage" src="<%=request.getContextPath()%>/show.code"></a>
    <br>
    <input type="submit" value="登录">
    <span style="color:red;">
        <%
            String loginMsg = (String) request.getAttribute("loginMsg");
            if(loginMsg != null){
                out.print(loginMsg);
            }
        %>
    </span>
</form>
</body>
</html>
